
    <script type="text/x-template" id="TopMenu">
<div :class="'main-form '+ ClassName">
 <div v-if="loading" class="ms-loading">
  <b-spinner  variant="success" class="m-5 ms-spinner" label="Busy"></b-spinner>
    </div>
      <b-navbar id="topmenu" toggleable="lg" type="dark" variant="info">

          <b-navbar-brand v-if="GetHome==true" class="get-home fa fa-chevron-left toprevious"  @click="previous" href="#"></b-navbar-brand>
          <b-navbar-brand v-else href="#">{{title}}</b-navbar-brand>
      
      
          <!--
<b-navbar-toggle @click="ShowLeftMenu" ></b-navbar-toggle>
          -->
       <button type="button"  @click="ShowMsMenu"  class="navbar-toggler"><span class="navbar-toggler-icon"></span></button>
 
      

          <b-collapse is-nav>
            <b-navbar-nav>
              <b-nav-item v-for="Menu in Menus" :class="Menu.active?'active':''"  @click="SelectMenu(Menu)" >{{Menu.title}}</b-nav-item>
             
            </b-navbar-nav> 


           <b-navbar-nav class="ml-auto">
       <b-nav-form>
      <b-form-input v-on:keyup.enter="Search" v-model="value" class="mr-sm-2" placeholder="Search"></b-form-input>
      <b-button variant="success"  @click="Search" class="my-2 my-sm-0" type="submit">Search</b-button>
    </b-nav-form>
            </b-navbar-nav> 
          </b-collapse>

 
        </b-navbar>
<div :class="'ms-menu'+ (MsMenu.Show?' fadeIn':' hide')">

  <b-navbar toggleable="lg" type="dark" variant="info">
   <b-navbar-nav>
              <b-nav-item v-for="Menu in Menus" :class="Menu.active?'active':''"  @click="SelectMenu(Menu,'ms-menu')" >
              {{Menu.title}}
    <b-badge v-if="Menu.fresh>0" class="float-right" variant="primary" pill>
    {{Menu.fresh}}
    </b-badge>
              </b-nav-item>
            </b-navbar-nav>
  </b-navbar>
</div>
     <router-view></router-view>
      </div> 
    </script>
 